/*common*/


div,h1,h2,h3,h4,h5,ul,li,p,q,blockquote,dl,dd,dt,input,form,span,body,button,select,option{margin:0; padding:0;}
body,input,button,textarea{ font-size:12px; line-height:1.8em; font-family: "Microsoft YaHei"; }


button{
  border: 0; cursor: pointer;
}
img{ border:0;}
li{ list-style:none;}
a:link,a:visited{ text-decoration:none;}
a{ color:#545454;}
a:focus{outline:none;}
input,textarea{ outline:none;}
input.text{
    border-color: #CDCDCD #D9D9D9 #E8E8E8 #A4A4A4;
    border-style: solid;
    border-width: 1px;
    color: #444444;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input.text{line-height: 1em!important;}
}
input.submit,input.reset,button.submit{border:1px solid #ccc;}
a:hover{color:#0e588c;}

h1{font-size:14px;}
h2{font-size:14px;}
h3{font-size:20px;}
h4{font-size:12px;}
h5{font-size:12px;}
h6{font-size:12px;}

h1,h2,h3,h4,h5,h6,ul,ol,dl,li,p{*display:block;}

table{ border-collapse:collapse;}
body{
  background: #f5f5f5; min-width: 1200px; overflow: auto;
}


::-moz-placeholder{color:#a3a3a3;}              /* ff */
::-webkit-input-placeholder{color:#a3a3a3;}     /* chrome,safari */
:-ms-input-placeholder{color:#a3a3a3;}          /* ie10 */

q:before,blockquote:before,q:after,blockquote:after{content:"";}

.animation_duration_4{
    -webkit-animation-duration: .4s!important;
    animation-duration: .4s!important;
}

.tip_fan{
  box-sizing: content-box;
  span{
    background: url(../img/icon_tips.png) no-repeat left center; display: inline-block;  width: 22px; height: 22px; margin-right: 10px; position: relative; top:5px; cursor: pointer;
  }
  span.button_close{
    background: url(../img/btn_close_tip.png) no-repeat 0 1px; width: 24px; height: 24px; position: absolute; top:-14px; right:-20px;
    &:hover{
      background: url(../img/btn_close_tip.png) no-repeat 0 bottom;
    }
  }
}

.tip_wait{
  span{
    background: url(../img/loader.gif) no-repeat left center; display: inline-block;  width: 52px; height: 22px; margin-right: 10px; position: relative; top:5px; cursor: pointer;
  }
  span.button_close{
    background: url(../img/btn_close_tip.png) no-repeat 0 1px; width: 24px; height: 24px; position: absolute; top:-14px; right:-20px;
    &:hover{
      background: url(../img/btn_close_tip.png) no-repeat 0 bottom;
    }
  }
}

.tip_suc{
  box-sizing: content-box;
  span{
    background: url(../img/icon_success.png) no-repeat left center; display: inline-block;  width: 22px; height: 22px; margin-right: 10px; position: relative; top:5px;
  }
  span.button_close{
    background: url(../img/btn_close_tip.png) no-repeat 0 1px; width: 24px; height: 24px; position: absolute; top:-14px; right:-20px;
    &:hover{
      background: url(../img/btn_close_tip.png) no-repeat 0 bottom;
    }
  }
}

.footer.fixed-bottom{
  position:fixed;
  bottom:0;
  width:100%;
  margin:0
}


.clearfix:after,.cx:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix,.cx {*zoom:1;}

.both_clear{clear:both;}


.fl{ float:left!important; *display:inline;}
.fr{ float:right!important; *display:inline;}

.haslayout{*zoom:1;}
.relative{ position:relative!important;}
.absolute{ position:absolute!important;}
.no_bg{ background:none!important;}
.no_border{ border:none!important;}

.no_margin{ margin:0!important;}
.no_margin_r{ margin-right:0!important;}


.bold{ font-weight:bold!important;}
.fz_14{ font-size:14px;}
.fz_12{ font-size:12px;}
.fz_0{ font-size:0;}

.t_a_c{text-align:center;}
.t_a_l{text-align:left!important;}
.t_a_r{text-align:right;}

.d_n{display:none!important; }
.d_b{display:block;}

.inner{
  width: 1180px; margin: 0 auto; position: relative;
}


@keyframes myfirst
{
from {transform:rotate(0);}
to {transform:rotate(180deg);}
}

@keyframes myfirst_back
{
from {transform:rotate(180deg);}
to {transform:rotate(0);}
}


// header

.header{

  box-shadow: 0 0 10px rgba(0,0,0,0.16); position: relative; z-index: 9991;
  .mini_nav{
    position: relative; z-index: 8888; background: #333; height: 38px; line-height: 38px;  color: #f6f6f6; border-bottom: 1px solid #ebebeb;
    
    .mr{
      margin-right:24px;
    }

    a{
      color: #f6f6f6;
    }
  
  }

  .top{
    background: #fff; 
    img{
      display: block; 
    }
    .menu{
      a{
        height: 78px; line-height: 78px; padding: 0 18px; font-size: 16px;
        &:hover{
          color: #f52f3e;
        }
        &.on{
          color: #f52f3e; font-weight: bold; border-bottom: 2px solid #f52f3e;
        }
        &.hot{
          position: relative; 
          span.icon{
            width: 28px; height: 17px; background: url(../img/icon-hot.png) no-repeat; position: absolute; right:6px; top:14px;
          }
        }
      }
    }
    .phone{
      padding-top: 20px;
    }
  }

}







.footer{
  padding: 130px 0 0; color: #b3b3b3; position: relative; z-index: 9;
  background: url(../img/common/promise.jpg) no-repeat top center; background-color: #343a3d;
  .logo{
    img{
      width: 170px;
    }
  }
  .links_group{
    margin-left: 0;
  }

  .tl{
    color: #ffffff; font-size: 14px; margin-bottom: 20px;
  }
  .copy{
    padding-bottom: 30px;
    a{
      color: #b3b3b3; height: 24px; line-height: 24px; font-size: 12px;
      &:hover{
        color: #fff; 
      }
    }
  }
  .friends{
    width: 750px;
    
    .group{
      width: 655px;
      a{
        color: #78808d; margin-bottom: 18px; margin-left: 26px; margin-right: 26px;
        &:hover{
          color: #fff; text-decoration: underline;
        }
      }
      span{
        color: #78808d; 
      }
    }
  }
  .phone{
    .number{
      font-size: 30px;  line-height: 30px; margin-bottom: 10px; letter-spacing: 3px; color: #ffffff; font-weight: normal; margin-top: 4px;
    }
  }
  .txt{
    padding-top: 10px; font-size: 15px;
  }
  a.zxkf{
    border: 1px solid #474e53; margin-top: 22px; height: 50px; line-height: 50px; font-size: 16px; color: #909599; padding-left: 120px;
    background: url(../img/icon_kefu_footer.png) no-repeat 70px center;
  }
  .hot_links{
    border-top: 1px solid #464c51; margin-top: 42px; padding-top: 24px; padding-bottom: 38px;
    .title{
      font-size: 12px; font-weight: bold; color: #9b9ea0; padding-right: 30px; padding-top: 2px; padding-bottom: 2px;
    }
    .zhuti{
      a{
        color: #707070; width: 120px; padding-top: 2px; padding-bottom: 2px;
         &:hover{
          color: #9b9ea0;
        }
      }

    }
  }
  .copyright{
    background: #2e3336; height: 42px; color: #707070; line-height: 42px;
    a:hover{
      color: #1270b3;
    }
  }
}



.pos{
  color: #999; padding: 6px 0; font-size: 14px;
}


.pager{
  padding: 40px 0; text-align: center;
}




.pager{
  a,span{
    display: inline-block; width: 46px; height: 46px; line-height: 46px; font-size: 14px; color: #444444;
  }
  span.active{
    background: #41b1e6; border: 1px solid #2ba2d9; color: #fff;
  }
  a.prev,a.next{
    background: #fff; border: 1px solid #e9e9e9; font-family: "Simsun"; font-size: 18px; font-weight: bold; color: #676767;
  }
}

.pager_yuan{
  a,span{
    display: inline-block; min-width: 16px; padding: 0 10px; height: 36px; line-height: 36px; font-size: 14px; color: #444444; border: 1px solid #e5e5e5; text-align: center; background: #fff; font-size: 12px;
    &:hover{
      background: #f2f2f2;
    }
  }
  a#pageactive{
    background: #41b1e6; border: 1px solid #2ba2d9; color: #fff;
  }
  a.prev,a.next{
    background: #fff; border: 1px solid #e9e9e9; font-family: "Simsun"; font-size: 18px; font-weight: bold; color: #676767;
  }
}



.show_window{
  position: fixed; z-index: 100000000; width: 100%; height: 100%; display:none;

  .close{
    cursor: pointer; margin-right: 10px; margin-top: 14px;
    span{
      font-size: 26px; color: #c5c7c6; 
    }
    &:hover{
      span{
        color: #3db7e8;
      }
    }
  }

  .cover {
    position: fixed;
    top: 0%;
    left: 0%;
    width: 100%;
    height: 100%;
    background-color: black;
    z-index: 100000001;
    -moz-opacity: 0.5;
    opacity: 0.50;
    filter: alpha(opacity=50);
  }

  .code {
    width: 600px;
    height: 380px;
    border-radius: 3px;
    background-color: #fff;
    position: fixed;
    left: 50%;
    top:50%;
    margin-top: -190px;
    margin-left:-300px ;
    z-index: 100000002;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  }



}


.show_box{
  position: fixed; z-index: 100000000; width: 100%; height: 100%; display:none;
}


.show_box .button_close{
  cursor: pointer; margin-right: 10px; margin-top: 2px;
  span{
    font-size: 26px; color: #c5c7c6; 
  }
  &:hover{
    span{
      color: #3db7e8;
    }
  }
}

.show_box .cover {
  display: none;
  position: fixed;
  top: 0%;
  left: 0%;
  width: 100%;
  height: 100%;
  background-color: black;
  z-index: 100000001;
  -moz-opacity: 0.5;
  opacity: 0.50;
  filter: alpha(opacity=50);
}
.show_box .code {
  width: 600px;
  height: 380px;
  border-radius: 3px;
  background-color: #fff;
  position: fixed;
  display: none;
  left: 50%;
  top:50%;
  margin-top: -190px;
  margin-left:-300px ;
  z-index: 100000002;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
}
.show_box.handle .code,
.show_box.brand .code,
.show_box.noodles_v .code {
  width: 672px;
  height: 432px;
}
.video_window .tl {
  padding: 16px;
  position: relative;
}
.video_window .tl h3 {
  font-size: 16px;
  color: #444;
  font-weight: normal;
}
.video_window .tl .button_close {
  cursor: pointer;
  position: absolute;
  right: 16px;
  top: 16px;
}
.video_window .tl .button_close .iconfont {
  font-size: 32px;
  color: #444;
}
.video_window .tl .button_close .iconfont:hover {
  color: #ff6700;
}







//返回顶部



.service_button {
  position: fixed;
  right: 22px;
  bottom: 170px;
  cursor: pointer;
  z-index: 99999;
  width: 62px;
  height: 62px;
  background: url(../img/icon_go_top.png) no-repeat 0 top;
}
.service_button.on,.service_button:hover {
  background-position: -195px top;
}

.show_all_btn_wrap{
  border-bottom: 1px solid #ebebeb;
}
.show_all_btn{
  text-align: center; margin: 0 auto; color: #2996cc; font-size: 14px; cursor: pointer; position: relative; top:10px; background: #fff; width: 120px;
  span.icon{
    margin-left: 10px; font-size: 12px; width: 16px; height: 9px; display: inline-block; background: url(../img/icon_up_down.png) no-repeat right bottom;
  }
  &.on{
    span.icon{
      margin-left: 10px; font-size: 12px; width: 16px; height: 9px; display: inline-block; background: url(../img/icon_up_down.png) no-repeat right top;
    }
  }
}










#newBridge{
  display: none!important;
}

ins#LXB_CONTAINER{
  display: none!important; visibility: hidden!important;  right:-10000px!important;
}

#newBridge #nb_nodeboard{
  display: none!important;
}

#newBridge #nb_icon_wrap{
  display: none!important;
}

 #newBridge #nb_invite_wrap{
  display: none!important; 
 }


#newBridge ins#nbWebImLightContainer{
  display:none;
}






.toolbarbox{
  
  width: 52px;
  height: 210px;
  background: #ffffff;
  position: fixed;
  right: 0;
  bottom: 120px;
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  box-shadow: 0px 0px 6px rgba(0, 0, 0, .09);
  color: #ffffff;
  z-index: 99;


  p{
    font-size: 12px;
  }
  
  .msg {
    width: 52px;
    height: 56px;
    text-align: center;
    position: relative;
    cursor: pointer;
    .img{
      position: absolute;
      left: 14px;
      top: 17px;
    }
    border-bottom: 1px solid #ebebeb;
  }

  .hidemsg {
    width: 250px;
    height: 40px;
    line-height: 28px;
    background: #ff5656;
    text-align: center;
    border-radius: 5px;
    overflow: hidden;
    div{
      position: absolute;
      left: 0;
      right: 0;
      top: 0;
      bottom: 0;
      margin: auto;
      pointer-events: none;
      background-color: #ffffff;
      border-radius: 100%;
      animation-fill-mode: both;
      display: inline-block;
      width: 204px;
      height: 204px;
      animation: ball-scale 1s 0s ease-in-out infinite;
    }
    p{
      line-height: 40px;
      color: #ffffff;
      font-weight: 700;
      font-size: 16px;
    }
  }

  .hidemsgAfter {
    width: 272px;
    position: relative;
    left: -272px;
    top: 11px;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
  }

  .hidemsgAfter :after {
    content: '';
    position: absolute;
    top: 11px;
    right: 15px;
    display: block;
    border-top: 8px solid transparent;
    border-bottom: 8px solid transparent;
    border-left: 8px solid #ff5656;
  }

  .item{
    border-bottom: 1px solid #ebebeb; position: relative;
    &:hover{
      .zhichi{
        display: block;
      }
      .btn{
        background: url(../img/common/tool.png) no-repeat 6px -35px;
      }
    }
    .btn{
      height: 52px; background: url(../img/common/tool.png) no-repeat 6px 6px;
    }
    .zhichi{
      position: absolute; width: 176px; height: 30px; line-height: 30px; background: #ff5656; left:-218px; top:7px; border-radius: 5px; font-size: 14px; padding:2px 10px; display: none;
      .icon{
        position: absolute;
        top: 8px;
        right: -6px;
        display: block;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #ff5656;
      }
    }
  }

  .go_top{
    .btn{
      height: 52px; background: url(../img/common/tool.png) no-repeat 6px -77px; display: block;
      &:hover{
        background: url(../img/common/tool.png) no-repeat 6px -118px;
      }
    }
  }

  .code.item{
    height: 52px;
    .btn{
      height: 52px; background: url(../img/common/tool.png) no-repeat 6px -160px;
    }
    .zhichi{
      position: absolute; width: 100px; height: 100px; background: #fff; left:-126px; top:7px; border-radius: 5px; font-size: 14px; padding:4px; display: none; box-shadow: 0 0 20px rgba(0,0,0,0.2);
      .icon{
        position: absolute;
        top: 8px;
        right: -6px;
        display: block;
        border-top: 8px solid transparent;
        border-bottom: 8px solid transparent;
        border-left: 8px solid #fff;
      }
    }
    &:hover{
      .zhichi{
        display: block;
      }
      .btn{
        background: url(../img/common/tool.png) no-repeat 6px -201px;
      }
    }
  }
  

}

@-webkit-keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@keyframes ball-scale {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0)
    }
    100% {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 0
    }
}

@-webkit-keyframes an-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes an-scale {
    0% {
        -webkit-transform: scale(1);
        transform: scale(1)
    }
    100% {
        -webkit-transform: scale(2);
        transform: scale(2);
        opacity: 0
    }
}

@keyframes rock {
    0% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    10% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    20% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    30% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    35% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    40% {
        -webkit-transform: rotate(-45deg);
        transform: rotate(-45deg)
    }
    45% {
        -webkit-transform: rotate(-15deg);
        transform: rotate(-15deg)
    }
    50% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
    100% {
        -webkit-transform: rotate(-30deg);
        transform: rotate(-30deg)
    }
}


.tips.layer{
  width: 315px; height: 153px; background: url(../img/common/tips.png) no-repeat; position: fixed; right:10px; bottom:350px;
  .close{
    width: 36px; height: 36px; position: absolute; right:0; background: none; top:0; cursor: pointer;
  }
}




.guarantee{
  background: #fff; padding: 20px 0;
  .inner{
    width: 1200px; margin: 0 auto; border: 1px solid #ebebeb; border-radius: 5px;  
  }
  
  .title{
    background: #f3f3f3; height: 60px; line-height: 60px; font-size: 18px; padding-left: 30px;
  }
  .group{
    padding: 30px;
    .item{
      border-bottom: 1px solid #e5e5e5; padding: 24px 0;
      .icon_g{
        width: 88px; 
      }
      .txt{
        width: 1000px;
        .bt{
          font-size: 18px; color: #323232; padding-bottom: 10px;
        }
        p{
          color: #666666;
        }
      }
      &:last-child{
        border-bottom: 0;
      }
    }
  }
}




.page_module{
  z-index: 9990; top:-1px; 
  .menu_module{
    .special{
      a{
        color: #fff;
      }
    }
    display: none; left:0;
    .bg{
      background: #2b333b; opacity: 0.7; filter: Alpha(opacity=70); 
    }
    .module_zhichi{
      border-top: 1px solid #fff;
    }
    .module{
      li{
        a{
          color: #fff;
        }
      }
    }
  }
  &.on{
   .menu_module{
      display: block;
    } 
  }
}



.menu_module{
  position: absolute; top:0; text-align: left; color: #fff; width: 1180px; z-index: 9999; 
  .bg{
    position: absolute; position: absolute; z-index: 1; width: 240px; height: 460px; left:0; top:0; 
  }
  
  .module{
    width: 240px; position: relative; 
    .zt{
      width: 100%; position: absolute; z-index: 2;
    }
    li{
      cursor: pointer; 
      a{
        color: #ccc; font-size: 12px; margin-right: 10px;
        &.bt{
          color: #fff; font-size: 16px; margin-right: 10px;
        }
        &.tj{
          color: #ccc;
        }
      }
      &.on{
        background: #3d3d3d; 
        a{
          color: #fff; font-size: 12px;
          &.bt{
            color: #fff; font-size: 16px;                                                
            &:hover{
              text-decoration: none;
            }
          }

          &:hover{
            text-decoration: underline;
          }
        }  

      }
      .inn{
        margin-left: 10px; margin-right: 10px; padding-left: 30px; position: relative; height: 48px; padding-top: 28px;
        .icon_jt_r{
          width: 6px; height: 9px; background: url(../img/common/icon_jt_r.png) no-repeat; position: absolute; right:10px; top:33px;
        }
      }
      
    }
    
  }
  .module_zhichi{
    height: 458px; background: #fff; position:absolute; left:240px; top:0; border-top: 1px solid #2151a3; border-right: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; color: #444; 
    .bg_menu_module{
      position: absolute; bottom:0; right:0; background: url(../img/common/menu_module.png) no-repeat; width: 160px; height: 164px;
    }

    .service_now{
      position: absolute; bottom:120px; left:80px; font-size: 24px; text-align: center; background: #fe5662; color: #fff; padding: 12px 30px; border-radius: 5px;
      &:hover{
        background: #f04853;
      }
      &:active{
        background: #fe5662;
      }
    }
    .second{
      width: 634px; padding: 0 24px;
      .item{
        border-bottom: 1px dashed #efefef; padding-top: 18px; padding-bottom: 18px;
      }
      .main{
        float: left; width: 100px; display: none;
        h5{
          font-size: 14px; font-weight: bold; color: #333; padding-top: 4px;
        }
      }
      .third{
        float: left; width: 534px; padding-left: 60px; padding-top: 20px;
        a{
          white-space: nowrap; margin-right: 44px; line-height: 28px; color: #444444; font-size: 16px;
          &:hover{
            color: #2151a3;
          }
        }
        a.more{
          padding: 0 16px; border-radius: 999px; border: 1px solid #fff;
          i.icon{
            background: url(../img/hot/icon_sanjiao.png) no-repeat center; width: 9px; height: 8px; display: inline-block; margin-left: 10px;
          }
          &.on,&:hover{
            box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); border: 1px solid #dbdbdc;
          }
        }
        .more_zhichi{
          position: absolute; left:124px;
          .zhichi_main{
            background: #fff; border: 1px solid #dedede; box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.2); width: 760px; padding: 20px; position: relative;
          }
          i{
            background: url(../img/icon_sanjiao_page.png) no-repeat center bottom; width:14px; height: 9px; display: inline-block; position: absolute; top:-8px; left:0; 
          }
          .zts{
            .zt{
              table{
                width: 100%; 
              }
              td{
                border-bottom: 1px solid #ebebeb; 
              }
              a{
                white-space: normal; line-height: 18px; display: block; margin-right: 0; color: #777; padding: 12px 0;
                &:hover{
                  color: #177ee5;
                }
              }
            }
          }
          .btns{
            padding: 10px 0; 
            .btn{
              font-size: 14px; color: #333; margin-right: 36px; padding-bottom: 8px; cursor: default;
            }
            .btn.on{
              border-bottom: 2px solid #177ee5; 
            }
          }
        }
      }
    }
    .pack{
      width: 200px; padding: 0; overflow: hidden; display: none;
      a{
        display: block; overflow: hidden;
      }
      .item{
        height: 125px; overflow: hidden; margin-top: 1px;
      }
    }
  }
}






.about_com{
  background: #fff; text-align: center; padding-top: 35px; 
  .com{
    border: 1px solid #eeeeee; margin-top: 20px;
    .c_L{
      width: 460px; text-align: left; color: #666666; font-size: 14px; padding: 40px 50px; line-height: 1.8rem;
    }
    .c_R{
      img{
        display: block;  
      }
    }
  }

  .jt_al{
    height: 810px; background: url(../img/index/about_bg.jpg) no-repeat; margin-top: 58px;
    .title{
      .item{
        width: 50%; height: 86px; line-height: 86px; color: #fff; font-size: 20px; background: rgba(255,255,255,0.1); position: relative;
        &.tal{
          text-align: left; 
          .text{
            padding-left: 80px;
          }
          &.on{
            background: rgba(255,255,255,0.3);
            span.icon{
              position: absolute; display: inline-block; width: 25px; height: 12px; background: url(../img/index/icon_san.png) no-repeat; bottom:-12px; left:110px;
            }
          }
        }
        &.tar{
          text-align: right;
          .text{
            padding-right: 80px;
          } 
          &.on{
            background: rgba(255,255,255,0.3);
            span.icon{
              position: absolute; display: inline-block; width: 25px; height: 12px; background: url(../img/index/icon_san.png) no-repeat; bottom:-12px; right:110px;
            }
          }
        }
        
      }
    }
    .info{
      text-align: center; 
      .item.jt{
        margin-top: 120px;
      }
      .item.al{
        margin-top: 30px;
      }
    }
  }
}

.heart_sound{
  .tl{
    margin-top: 15px; 
    text-align: center;
  }
  .group{
    height:  330px; overflow: hidden; position: relative; margin-top: 20px;
    .roll_row .roll__list::before, .roll_row .roll__list::after {
        content: "";
        display: table;
        line-height: 0;
    }
    .roll_row .roll__list::after {
        clear: both;
    }
    .roll_row .roll__list{
        width: 9999px;
    }
    .roll_row .roll__list li{
        float: left;
        display: block;
        margin-right: 20px;
        width: 282px;
        height: 325px;
        text-align: center;
        background-color: #fff;
        border-radius: 5px;

        .img{
          margin-top: 20px; margin-bottom: 20px;
        }
        .wb{
          text-align: left; color: #323232; margin: 0 30px; text-indent: 3em; position: relative;
          .icon{
            width: 20px; height: 15px; position: absolute; top:2px; left:0; background: url(../img/index/icon_yh.png) no-repeat;
          }
        }
        .line{
          width: 66px; height: 1px; background: #bfbfbf; margin: 50px auto 16px; 
        }
        .name{
          color: #999;
        }
    }

    

  }
}